<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE	html PUBLIC	"-//W3C//DTD XHTML 1.0 transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html	xmlns="http://www.w3.org/1999/xhtml">
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"	/>
 <title>贵美商城</title>
 <link rel="stylesheet"	type="text/css"	href="css/global.css"	/>
 <link rel="stylesheet"	type="text/css"	href="css/layout.css?id=7"	/>
 <script type="text/JavaScript" src="js/index.js"></script>
 <script type="text/javascript" src="js/1.11.1.js"></script>

</head>
<body id="body"> 
	<div id="container">
		<iframe id="header" runat="server" src="header.jsp" width="980" height="136" frameborder="0" scrolling="no"></iframe>
		<div id="main">
    <div class="cat">
			<ul>
				<h1>家用电器</h1>
				<c:forEach var="list1" items="${list1 }">
				<li><a href="WaresListServlet?type=${list1.ttypelist}">${list1.ttypelist}</a></li>
				</c:forEach>		
			</ul>
			<ul>
				<h1>书籍</h1>
				<c:forEach var="list2" items="${list2 }">
				<li><a href="WaresListServlet?type=${list2.ttypelist}">${list2.ttypelist}</a></li>
				</c:forEach>					
			</ul>
			<ul>
				<h1>手机数码</h1>
				<c:forEach var="list3" items="${list3 }">
				<li><a href="WaresListServlet?type=${list3.ttypelist}">${list3.ttypelist}</a></li>
				</c:forEach>			
			</ul>
			<ul>
				<h1>日用百货</h1>
				<c:forEach var="list4" items="${list4 }">
				<li><a href="WaresListServlet?type=${list4.ttypelist}">${list4.ttypelist}</a></li>
				</c:forEach>			
		  </ul>      
    </div> <!--cat end-->
			<div id="content">
				<div class="content_top">
					<div>
            <img src="images/ad-01.jpg" alt="9月新品新气象" id="div1" />
            <img src="images/ad-02.jpg" alt="流行服饰魅力场" id="div2" />
            <img src="images/ad-03.jpg" alt="食全食美" id="div3" />
            <img src="images/ad-04.jpg" alt="outlets开张啦" id="div4" />
          </div>
          <div id="adv">
          	<a href="JavaScript:show(1);">1</a>&nbsp;<a class="adv" href="JavaScript:show(2);">2</a>&nbsp;<a class="adv" href="JavaScript:show(3);">3</a>&nbsp;<a class="adv" href="JavaScript:show(4);">4</a>
          </div>
				</div> <!-- content_top end -->
      <div class="content_list">
      <c:forEach var="list5" items="${list5 }">
        <dl>
        	<dt><a href="ShowServlet?wid=${list5.wid }"><img src="${list5.wimgsrc}" alt="alt" /></a></dt>
			<dd><a href="ShowServlet?wid=${list5.wid }">${list5.wname}</a></dd>
		</dl>	
		</c:forEach>
			</div><!-- content_list end -->
		</div><!-- content end -->
    <div class="sidebar">
         <div class="r1" style="padding-left: 10px;">
         <br>
         <br><br>
         <ul>
         <c:forEach var="list7" items="${list7 }">
         <li style="padding-top: 6px;"> <a href="#" target="_parent">${list7.ntitle }111</a></li>
         </c:forEach>
         </ul>
         </div>				
				 <div	class="r2">
				 <c:forEach var="list6" items="${list6 }">
					<dl>
						<dt><a href="ShowServlet?wid=${list6.wid }"><img src="${list6.wimgsrc }" alt="alt" /></a></dt>
						<dd><a href="ShowServlet?wid=${list6.wid }">${list6.wname }</a></dd>
					</dl>
				</c:forEach>
				</div> <!--r2	end-->	    
					<div id="tab">
					  <div id="tabtitle1" onmouseover="switchMe(1);"></div>
					  <div id="tabtitle2" onmouseover="switchMe(2);"></div>		
					  <div id="tabbody">
					  	<img src="images/tabbody2.gif" alt="手机充值" />
					  </div>											  
					</div>
				</div> <!--sidebar end-->				
		 </div>	<!--main end-->
     <iframe id="footer" runat="server" src="footer.jsp" width="980" height="150" frameborder="0" scrolling="no"></iframe>
	<div id="pairflag">
		<a class="f_l" href="#" id="advLeft"><img src="images/list1.jpg" alt="alt" /></a>
		<img class="f_l" id="closeLeft" onclick="leftClose();" src="images/close.gif" alt="alt" />
		<a href="#" class="f_r" id="advRight"><img src="images/list2.jpg" alt="alt" /></a>
		<img id="closeRight" class="f_r" onclick="rightClose();" src="images/close.gif" alt="alt" />
	</div>	
	</div><!--container	end-->		
</body>
</html>

